// 头部
header{
    background-image: linear-gradient(180deg, #FF6040 0%, #FF8A80 100%);
    box-shadow: 0 .02rem .06rem 0 rgba(255,149,128,0.50);
}

.header_top{
    height: .32rem;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    i{
        font-size: .2rem;
        color: #FFFFFF;
    }
    img{
        width: .91rem;
        height: .24rem;
    }
    input{
        padding-left: .12rem;
        box-sizing: border-box;
        background: #FFFFFF;
        border: .01rem solid #E6E6E6;
        border-radius: .03rem;
        width: 1.7rem;
        height: .32rem;
        font-family: PingFangSC-Regular;
        font-size: .14rem;
        color: #999999;
        letter-spacing: 0;
        line-height: .22rem;
    }
    em{
        font-size: .2rem;
        color: #FFFFFF;
    }
}

.header_bottom{
    padding-left: .1rem;
    height: .4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    div{
        &:hover{
            .underline{
                visibility:visible;
            }
        }
        .underline{
            visibility: hidden;
        }
        a{
            font-family: PingFangSC-Regular;
            font-size: .14rem;
            color: #FFF3F2;
            text-align: center;
            line-height: .16rem;
        }
        &:first-child{
            .underline{
                visibility:visible;
            }
            a{
                font-size: .16rem;
                color: #FFFFFF;
            }
        }
    }
    .a_type{
        font-size: .14rem;
        text-align: center;
        line-height: .4rem;
        width: .65rem;
        height: .4rem;
        background-image: linear-gradient(180deg, #FF7A68 0%, #FF8A80 100%);
        box-shadow: -0.05rem 0 .1rem -0.05rem #E63D2E;
        color: #FFFFFF;
        justify-self:end;
}
}
.underline{
    box-sizing: border-box;
    width: .2rem;
    border-bottom: .02rem solid #FFFFFF;
    margin: 0 auto;
    position: relative;
    border-radius: .01rem;
    top: .11rem;
}

// banner图
#banner{
    padding-top: .1rem;
    background-color: #fff;
}
.bg_banner{
    width: 3.35rem;
    height: 1.95rem;
    background-image: url(../images/banner.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: 0 .1rem .1rem 0 rgba(255,96,64,0.20);
}
.rotation{
    width: .62rem;
    display: flex;
    justify-content: space-between;
    position: relative;
    top: 1.79rem;
    left: 1.37rem;
    div{
        height: .06rem;
        width: .06rem;
        background: rgba(255,255,255,0.80);
        border-radius: .03rem;
        &:nth-child(1){
            width: .12rem;
            background: #FFFFFF;
            
        }
    }
}
// 轮播图下方的分类导航
#sort{
    background-color: #FFFFFF;
    height: .92rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    div{
        width: .65rem;
        height: .47rem;
        img{
            width: .32rem;
            height: .32rem;
            display: block;
            margin-bottom: .05rem;
        }
        p{
            font-family: PingFangSC-Light;
            font-size: .10rem;
            color: #333333;
            text-align: center;
            line-height: .1rem;
        }
    }
}

// 活动专区
#ActivityArea{
    height: 1.75rem;
    padding: .1rem;
}
// 限时秒杀
.ltsk{
    height: 1.75rem;
    width: 1.75rem;
    background-image: url(../images/big.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: .05rem;
}
.l_title{
    .l_more{
        padding: .1rem .15rem .1rem .1rem;
        font-family: PingFangSC-Semibold;
        font-size: .16rem;
        color: #85A642;
        line-height: .16rem;
        font-weight: 600;
        span{
            font-family: PingFangSC-Light;
            font-size: .10rem;
            color: #333333;
            text-align: right;
            line-height: .1rem;
            float: right;
            line-height: .16rem;
        }
    }
    .l_msg{
        font-family: PingFangSC-Light;
        font-size: .1rem;
        color: #B1CC7A;
        line-height: .1rem;
        margin-left: .1rem;
    }
    .l_time{
        width: .7rem;
        height: .18rem;
        display: flex;
        justify-content: space-between;
        margin: .05rem 0 0 .1rem;
        div{
            width: .2rem;
            font-family: DINCondensed-Bold;
            font-size: .14rem;
            color: #FFFFFF;
            text-align: center;
            line-height: .18rem;
            background-image: linear-gradient(180deg, #85A642 0%, #B1CC7A 100%);
            border-radius: .01rem;
        }
    }
}
// 品牌上新
.NewBrand{
    height: 0.85rem;
    width: 1.75rem;
    background-image: url(../images/small.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.n_title{
    .n_more{
        padding: .1rem .15rem .1rem .1rem;
        font-family: PingFangSC-Semibold;
        font-size: .16rem;
        color: #FF6040;
        line-height: .16rem;
        font-weight: 600;
    }
    .n_msg{
        font-family: PingFangSC-Light;
        font-size: .1rem;
        color: #FF9580;
        line-height: .1rem;
        margin-left: .1rem;
    }
    .RedEnvelopes{
        text-align: center;
        margin: .04rem 0 0 .1rem;
        width: .7rem;
        height: .2rem;
        background-image: linear-gradient(180deg, #FF6040 0%, #FF9F80 100%);
        border-radius: .02rem .12rem .12rem .02rem;
        font-family: PingFangSC-Medium;
        font-size: .1rem;
        color: #FFFFFF;
        line-height: .2rem;
    }
}
// 日用好物
.NiceGoods{
    margin-top: .05rem;
    height: 0.85rem;
    width: 1.75rem;
    background-image: url(../images/02.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.ng_title{
    .ng_more{
        padding: .1rem .15rem .1rem .1rem;
        font-family: PingFangSC-Semibold;
        font-size: .16rem;
        color: #AF40FF;
        line-height: .16rem;
        font-weight: 600;
    }
    .ng_msg{
        font-family: PingFangSC-Light;
        font-size: .1rem;
        color: #CA80FF;
        line-height: .1rem;
        margin-left: .1rem;
    }
    .ticket{
        text-align: center;
        margin: .04rem 0 0 .1rem;
        width: .7rem;
        height: .2rem;
        background-image: linear-gradient(180deg, #AF40FF 0%, #F58CFF 100%);
        border-radius: .02rem .12rem .12rem .02rem;
        font-family: PingFangSC-Medium;
        font-size: .1rem;
        color: #FFFFFF;
        line-height: .2rem;
    }
}
// 底部导航栏
#footer{
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    padding-top: .05rem;
    box-sizing: border-box;
    height: .49rem;
    background-color: #fff;
    display: flex;
    justify-content: space-around;
    a{
        &:nth-child(1){
            i{
                color: #FF6040;
            }
            p{
                color: #FF6040;
            }
        }
        &:hover{
            i{
                color: #FF6040;
            }
            p{
                color: #FF6040;
            }
        }
        width: .5rem;
        height: .4rem;
        i{
            font-size: .2rem;
            color: #999;
            margin-left: .15rem;
        }
        p{
            margin-top: .08rem;
            font-family: PingFangSC-Light;
            font-size: .1rem;
            color: #999999;
            text-align: center;
            line-height: .1rem;
        }
    }
}